/*
* Based on twitter Bootstrap v2.1.1
* Designed and built by Abdella and Michael.
*/


/*Google Fonts*/

@import url(http://fonts.googleapis.com/css?family=Oswald);
@import url(http://fonts.googleapis.com/css?family=Wire+One);
@import url(http://fonts.googleapis.com/css?family=Marmelad);

/*---------------------------------------------------------------------------*/

/*Global*/

body{
    background: #eee;
    min-width: 320px;
    font-family: 'Marmelad', sans-serif;
    background: url(../img/bg_dotted.png) repeat;

}
[class^="icon-"], [class*=" icon-"]{
    background-image: url(../img/icons_normal.png);
}
.tweet:hover .actions li a [class^="icon-"] , .tweet:hover .actions li a [class*=" icon-"]{
    background-image: url(../img/icons_hover.png);
}
/*---------------------------------------------------------------------------*/

/*Navigation*/

.navbar-link.user_name{
    color:#fff;
}
.brand{
    font-family: 'Oswald', sans-serif;
} 

/*---------------------------------------------------------------------------*/

/*Layout*/

.sidebar{
    background: #fff;
    -moz-border-radius:6px; 
    -webkit-border-radius:6px; 
    border-radius:6px; 
    overflow: hidden;
}
.sidebar button {
    margin: 0 4% 4%
}
.TweetsBody{
    -moz-border-radius:6px; 
    -webkit-border-radius:6px; 
    border-radius:6px; 
    background: #fff;
    overflow: hidden;
    padding: 10px;
}
.tweet{
    clear: both;
    margin: 10px 0;
    border-top: 1px solid #EEE;
    float: left;
    padding: 10px 0 0; 
}
.tweetTxtArea{
    margin: 0 auto 4% !important;
    display: block;
    max-width: 88%;
    min-width: 88%;
    width: 88%;
    height: 20px;
}
.footerHR{
    border-top: 0;
    border-bottom: 1px solid #666;
}
/*---------------------------------------------------------------------------*/

/*Banner*/
.hero-unit{
    background: #fff;
    text-align: center;
    background: 
        -webkit-radial-gradient(black 15%, transparent 16%) 0 0,
        -webkit-radial-gradient(black 15%, transparent 16%) 8px 8px,
        -webkit-radial-gradient(rgba(255, 255, 255, .1) 15%,transparent 20%) 0 1px,
        -webkit-radial-gradient(rgba(255, 255, 255, .1) 15%, transparent 20%) 8px 9px;

    background-color: #282828;
    background-size: 16px 16px;
    overflow: hidden;
}

.hero-unit h1{
    color:#B22800;
    -moz-text-shadow: 0-1px 0 #000;
    -webkit-text-shadow: 0-1px 0 #000;
    text-shadow: 0-1px 0 #000;
    font-family: 'Oswald', sans-serif;
} 
.hero-unit h2{
    color: white;
    font-family: 'Wire One', sans-serif;
    font-size: 48px;
    line-height: 80px;
}
.hero-unit h3{
    font-style: normal;
    font-weight: 400;
    font-family: 'Wire One', sans-serif;
    font-size: 40px;
    color: #fff;
}

/*---------------------------------------------------------------------------*/

/*Tweet CSS*/

.tweet .tweet {
    margin: 20px 0 0 5% ;
    width: 95%;
}
.tweetTxt{
    position: relative;
    padding-bottom: 25px;
    float: left !important;
    width: 80% !important;
}
.urData{
    padding: 10px 10px 0 10px;
    overflow: hidden;
}
.urData .user_img{
    margin-right: 15px;
}
.urDataText span{
    display: block;
}
.tweetTxt div a:before ,.tweetTxt div a:after {
    content: ' " '; 
}
.user_name{
    font-weight: bold;
    margin: 0 10px 5px 0;
    display: inline-block;
}
.timeAndDate{
    display: inline-block;
    color: #666;
    font-size: 11px;
}
.user_img{
    float:left;
    width:80px;
    margin: 0 ;
}
.user_img img{
    width:85%;
    -moz-border-radius:6px; 
    -webkit-border-radius:6px; 
    border-radius:6px; 
    background: #eee;
    padding: 3px;
    border:1px solid #ddd;
}

/*---------------------------------------------------------------------------*/

/*Actions*/

.actions{
    list-style: none;
    position: absolute;
    bottom: 0;
    margin: 0;
}
.actions li{
    display: inline-block;
    margin-left: 10px;
}
.actions li.visibility{
    display: none;
}
.actions li:first-child{
    margin-left: 0;
}
.actions li a{
    color:#666;
}
.tweet:hover .actions li a{
    color:#08C;
}

/*---------------------------------------------------------------------------*/

/*responsive*/
@media (max-width: 767px) {
    .user_img{
        margin-right: 15px;
    }
    .sidebar{
        margin-bottom:20px;
    }

}
@media (max-width: 594px) {
    .tweetTxt{
        width: 66% !important;
    }
}
@media (max-width: 1194px) and @media (max-width: 850px){
    .urData .user_img{
        float:none;
        dispaly:block;
        margin:0 auto;
    }
}

/*---------------------------------------------------------------------------*/